html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
    display: block;
}

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed {
    max-width: 100%;
}

/* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */
/* force a vertical scrollbar to prevent a jumpy page */
html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
you'll have to restore the bullets within content,
which is fine because they're probably customized anyway */
ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select, input, textarea {
    font: 99% sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button, input[type=button] {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */
/* let's clear some floats */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

* {
    font-family: Helvetica, "Microsoft YaHei";
}

/****************************************************************************************************/
@keyframes disappear {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes disappear {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

input:focus {
    outline: none;
}

.common-button {
    width: 9.2rem;
    height: 1.2266666667rem;
    line-height: 1.2266666667rem;
    text-align: center;
    font-size: 0.4266666667rem;
    color: #fff;
    background: #4ab6fa;
    border: none;
    border-radius: 0.6133333333rem;
    margin: 0 auto;
    display: block;
    text-decoration: none;
}

.disabled-button {
    background: #d9d9d9;
}

.fixed-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1733333333rem;
    line-height: 1.1733333333rem;
    display: block;
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #4ab6fa;
}

.common-list {
    background: #fff;
}

.common-list li {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0.4rem;
    font-size: 0.4266666667rem;
    color: #333;
}

.common-list li label, .common-list li span {
    display: block;
    float: left;
}

.common-list li label {
    padding-right: 0.4rem;
}

.common-list li span {
    font-size: 0.3466666667rem;
    color: #999;
}

.common-list li span i {
    color: #333;
    vertical-align: top;
    font-style: normal;
    font-size: 0.6rem;
}

#bank-verify-note {
    font-size: 0.3466666667rem;
    color: #2ebd59;
    padding: 0 0 0 0.4666666667rem;
    height: 0.4533333333rem;
    width: 3.7333333333rem;
    margin: 1.0666666667rem auto;
    text-align: center;
    bottom: 0.6666666667rem;
    vertical-align: middle;
    background: url(../img/img-5.png) 0 50% no-repeat;
    background-size: 0.3733333333rem 0.4533333333rem;
}

/****************************************************************************************************/
.repayment-detail.wrap {
    background: #f2f2f2;
    padding-bottom: 1.7333333333rem;
}

.repayment-detail.wrap .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.4rem;
}

.repayment-detail.wrap .head h3 {
    font-size: 0.32rem;
    color: #999;
}

.repayment-detail.wrap .prompt {
    background: #fff;
    padding: 0.4rem 0.4rem 0;
}

.repayment-detail.wrap .prompt > div {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0.4rem;
}

.repayment-detail.wrap .prompt a {
    display: block;
    font-size: 0.4266666667rem;
    color: #ff8003;
    text-decoration: none;
    width: 4.3733333333rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-left: 0.3733333333rem;
}

.repayment-detail.wrap .prompt h3 {
    font-size: 0.4266666667rem;
    text-align: center;
    color: #ff8003;
}

.repayment-detail.wrap .prompt a.slow:before, .repayment-detail.wrap .prompt a.refuse:before {
    content: '';
    display: block;
    width: 0.5733333333rem;
    height: 0.5733333333rem;
    position: absolute;
    top: 0;
    left: -0.1333333333rem;
}

.repayment-detail.wrap .prompt a.slow:after, .repayment-detail.wrap .prompt a.refuse:after {
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.36rem;
    position: absolute;
    right: -0.2666666667rem;
    top: 0.1333333333rem;
}

.repayment-detail.wrap .prompt a.slow:before {
    background: url(../img/icon_slow.png) 0 50% no-repeat;
    background-size: 0.5733333333rem 0.5733333333rem;
}

.repayment-detail.wrap .prompt a.slow:after {
    background: url(../img/icon_arrow.png) 0 50% no-repeat;
    background-size: 0.2rem 0.36rem;
}

.repayment-detail.wrap .prompt a.refuse:before {
    background: url(../img/icon_refuse.png) 0 50% no-repeat;
    background-size: 0.5733333333rem 0.5733333333rem;
}

.repayment-detail.wrap .prompt a.refuse:after {
    background: url(../img/icon_arrow.png) 0 50% no-repeat;
    background-size: 0.2rem 0.36rem;
}

.repayment-detail.wrap .prompt span.time {
    position: relative;
    font-size: 0.3466666667rem;
    width: 5.3333333333rem;
    padding-left: 0;
    text-align: left;
    display: block;
    margin: 0 auto;
    color: #ff8003;
}

.repayment-detail.wrap .prompt span.time i {
    margin-right: 0.1333333333rem;
    background: #4ab6fa;
    font-style: normal;
    color: #fff;
    display: inline-block;
    padding-left: 0.6rem;
    height: 0.4666666667rem;
    width: 2.08rem;
    line-height: 0.5066666667rem;
    border-top-right-radius: 0.0666666667rem;
    border-bottom-right-radius: 0.0666666667rem;
    font-size: 0.32rem;
    background: url(../img/icon_time.png) 0 50% no-repeat;
    background-size: 2.08rem 0.4533333333rem;
}

.repayment-detail.wrap .prompt span.time:after {
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.36rem;
    position: absolute;
    right: -0.4rem;
    top: 0.0666666667rem;
    background: url(../img/icon_arrow.png) 0 50% no-repeat;
    background-size: 0.2rem 0.36rem;
}

.repayment-detail.wrap > p {
    margin-top: 0.2666666667rem;
    color: #999;
    font-size: 0.3466666667rem;
    line-height: 2.5em;
    background: #fff;
    padding: 0 0.4rem;
}

.repayment-detail.wrap > p a {
    text-decoration: none;
    color: #4ab6fa;
}

.repayment-detail.wrap .content {
    background: #fff;
    padding: 0.5333333333rem 0.4rem;
}

.repayment-detail.wrap .content ul > li {
    color: #999;
    position: relative;
    padding-left: 0.8rem;
    margin-bottom: 0.8rem;
    background: url(../img/icon_02.png) 0 0.1066666667rem no-repeat;
    background-size: 0.4666666667rem 0.4666666667rem;
}

.repayment-detail.wrap .content ul > li:last-child {
    margin-bottom: 0;
}

.repayment-detail.wrap .content ul > li:last-child:after {
    display: none;
}

.repayment-detail.wrap .content ul > li:first-child:before {
    display: none;
}

.repayment-detail.wrap .content ul > li:before {
    content: '';
    display: block;
    width: 0.0533333333rem;
    height: 0.7733333333rem;
    background: #dddddd;
    position: absolute;
    top: -0.6666666667rem;
    left: 0.2rem;
}

.repayment-detail.wrap .content ul > li:after {
    content: '';
    display: block;
    width: 0.0533333333rem;
    height: 0.8rem;
    background: #ddd;
    position: absolute;
    top: 0.56rem;
    left: 0.2rem;
}

.repayment-detail.wrap .content ul > li h1 {
    font-size: 0.4266666667rem;
    padding-bottom: 0.1333333333rem;
}

.repayment-detail.wrap .content ul > li h1 span, .repayment-detail.wrap .content ul > li h1 i {
    padding-left: 0.2666666667rem;
}

.repayment-detail.wrap .content ul > li h1 i {
    font-style: normal;
}

.repayment-detail.wrap .content ul > li p, .repayment-detail.wrap .content ul > li span {
    font-size: 0.3466666667rem;
}

.repayment-detail.wrap .content ul > li.do:first-child {
    background-image: url(../img/icon_01.png);
}

.repayment-detail.wrap .content ul > li.do:first-child:after {
    background: #4ab6fa;
}

.repayment-detail.wrap .content ul > li.do:first-child h1 {
    color: #000;
}

.repayment-detail.wrap .content ul > li.do:first-child h1 span {
    color: #333;
}

.repayment-detail.wrap .content ul > li.do:first-child h1 a {
    font-size: 0.3466666667rem;
    text-decoration: none;
    display: inline-block;
    margin-left: 0.1333333333rem;
    color: #4ab6fa;
    position: relative;
}

.repayment-detail.wrap .content ul > li.do:first-child .popup-message {
    width: 3.6rem;
    position: absolute;
    top: 0.6666666667rem;
    left: -1.0666666667rem;
    z-index: 10;
    transition: all 0.5s linear;
}

.repayment-detail.wrap .content ul > li.do:first-child .popup-message p {
    background: #49b6f9;
    color: #fff;
    padding: 0.2rem 0.2666666667rem;
    border-radius: 0.1333333333rem;
}

.repayment-detail.wrap .content ul > li.do:first-child .popup-message p:before {
    content: '';
    display: block;
    position: absolute;
    top: -0.2rem;
    left: 1.6rem;
    width: 0.3958666667rem;
    height: 0.3958666667rem;
    background: #49b6f9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.repayment-detail.wrap .content ul > li.do:first-child p {
    color: #333;
}

.repayment-detail.wrap .content ul > li.die:first-child {
    background-image: url(../img/icon_03.png);
}

.repayment-detail.wrap .content ul > li.die:first-child:after {
    background: #ff8003;
}

.repayment-detail.wrap .content ul > li.die:first-child h1 {
    color: #000;
}

.repayment-detail.wrap .content ul > li.die:first-child h1 span {
    color: #333;
}

.repayment-detail.wrap .content ul > li.die:first-child p {
    color: #333;
}

.repayment-detail.wrap .item {
    padding: 0.5333333333rem 0.4rem;
    margin: 0.2666666667rem 0;
    background: #fff;
    font-size: 0.4266666667rem;
}

.repayment-detail.wrap .item ul > li {
    line-height: 1.6em;
}

.repayment-detail.wrap .item span {
    display: inline-block;
    color: #333;
    min-width: 1.8666666667rem;
}

.repayment-detail.wrap .item i {
    display: inline-block;
    font-style: normal;
    color: #666;
    padding-left: 0.2666666667rem;
}

.repayment-detail.wrap .button {
    position: fixed;
    width: 100%;
    bottom: 0.4rem;
    left: 0;
}

.repayment-detail.wrap .button a {
    line-height: 1.1733333333rem;
    height: 1.1733333333rem;
    display: block;
    float: left;
    width: 4.6rem;
    margin-left: 0.2666666667rem;
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #4ab6fa;
    border-radius: 0.2666666667rem;
}

.choose .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.4rem;
    background: #f2f2f2;
}

.choose .head h3 {
    font-size: 0.32rem;
    color: #999;
}

.choose ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0.4rem 0 1.4666666667rem;
    background: url(../img/icon_04.png) 0.5066666667rem 50% no-repeat;
    background-size: 0.68rem 0.68rem;
    line-height: 1.4666666667rem;
}

.choose ul li:nth-child(2) {
    background-image: url(../img/icon_05.png);
}

.choose ul li:nth-child(3) {
    background-image: url(../img/icon_06.png);
}

.choose ul li a {
    display: block;
    position: relative;
    text-decoration: none;
}

.choose ul li a:after {
    content: '';
    display: block;
    clear: both;
}

.choose ul li h2 {
    font-size: 0.4266666667rem;
    float: left;
    color: #333;
}

.choose ul li h2 b {
    display: inline-block;
    font-size: 0.2666666667rem;
    line-height: 1em;
    color: #fff;
    background: #ff8003;
    padding: 0.1066666667rem;
    border-radius: 0.1066666667rem;
    vertical-align: 0.0266666667rem;
    margin-left: 0.1333333333rem;
}

.choose ul li span {
    display: block;
    float: right;
    font-size: 0.3466666667rem;
    color: #999;
    padding-right: 0.3466666667rem;
}

.choose ul li i {
    display: block;
    width: 0.2666666667rem;
    height: 0.2666666667rem;
    background: #fff;
    border-color: #999;
    border-width: 0 0 1px 1px;
    border-style: solid;
    transform: rotateZ(-135deg);
    -webkit-transform: rotateZ(-135deg);
    position: absolute;
    right: 0.0666666667rem;
    top: 0.6rem;
}

.choose p {
    font-size: 0.3466666667rem;
    padding: 0.2666666667rem 0.4rem 0;
    color: #999;
}

.popup .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
}

.popup .overlay .tips-msg {
    color: #fff;
    font-size: 0.3466666667rem;
    width: 5.3333333333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: 1.3333333333rem 0 0 -2.6666666667rem;
}

.popup .spin {
    position: fixed;
    left: 50%;
    top: 50%;
    color: #fff;
    float: left;
    width: 2.9333333333rem;
    height: 2.9333333333rem;
    margin-left: -1.4666666667rem;
    margin-top: -1.4666666667rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translate3d(0, 0, 0);
}

.popup .dialog {
    -webkit-transform: translate3d(0, 0, 0);
    background: #f2f2f2;
    width: 14.9rem;
    height: 12rem;
    position: fixed;
    line-height: 1.2em;
    top: 50%;
    left: 50%;
    margin: -3.08rem -7.6rem;
    padding: 0.4rem 0;
    text-align: center;
    border-radius: 0.08rem;
}

.popup .dialog input {
    position: absolute;
    top: -26.6666666667rem;
}

.popup .dialog span.close {
    display: inline-block;
    position: absolute;
    right: 0.2666666667rem;
    top: 0.5333333333rem;
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    cursor: pointer;
}

.popup .dialog span.close:before, .popup .dialog span.close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #666;
}

.popup .dialog span.close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup .dialog span.close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup .dialog h1 {
    font-size: 1.2rem;
    color: #333;
    padding-bottom: 1rem;
}

.popup .dialog h2 {
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.popup .dialog p {
    border-radius: 0.1333333333rem;
    padding: 0 0.5333333333rem;
}

.popup .dialog p i {
    display: block;
    float: left;
    width: 2.3rem;
    height: 2.3rem;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    position: relative;
}

.popup .dialog p i:first-child {
    border-left: 1px solid #e6e6e6;
    border-top-left-radius: 0.1333333333rem;
    border-bottom-left-radius: 0.1333333333rem;
}

.popup .dialog p i:last-child {
    border-top-right-radius: 0.1333333333rem;
    border-bottom-right-radius: 0.1333333333rem;
}

.popup .dialog p i.point:after {
    content: '';
    background: #333;
    display: block;
    height: 0.8rem;
    left: 0.7rem;
    position: absolute;
    top: 0.7rem;
    width: 0.8rem;
    border-radius: 0.8rem;
}

.popup .dialog .error-tips {
    font-size: 0.3733333333rem;
    line-height: 1em;
    padding-top: 0.2666666667rem;
    color: #ff8003;
}

.popup .dialog a {
    font-size: 0.3466666667rem;
    color: #4ab6fa;
    text-decoration: none;
    display: block;
    width: 100%;
}

.popup .pay {
    height: 5.2rem;
    margin-top: -2.6rem;
}

.popup .pay h2 {
    border-bottom: 1px solid #e6e6e6;
    line-height: 2em;
    margin-bottom: 0.5333333333rem;
}

.popup .error {
    -webkit-transform: translate3d(0, 0, 0);
    background: #f2f2f2;
    width: 8.4666666667rem;
    height: 5.3333333333rem;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 0.08rem;
    padding-top: 1rem;
}

.popup .error img {
    display: block;
    width: 1rem;
    height: 1.0266666667rem;
    margin: 0 auto 0.4666666667rem;
}

.popup .error h2 {
    font-size: 0.4266666667rem;
    color: #333;
    height: 1.6rem;
    padding: 0 0.4rem;
}

.popup .error p {
    border-top: 1px solid #e6e6e6;
    line-height: 4em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.popup .error p a {
    display: inline-block;
    width: 49%;
    text-decoration: none;
    font-size: 0.4266666667rem;
    color: #4ab6fa;
}

.popup .error p a:nth-child(2) {
    border-left: 1px solid #e6e6e6;
}

.popup .alert {
    height: 4rem;
}

#alert.popup .error {
    -webkit-transform: translate3d(0, 0, 0);
    background: #f2f2f2;
    width: 8.4666666667rem;
    height: 4rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -3.08rem -4.2333333333rem;
    padding: 0.4rem 0;
    line-height: 3em;
    text-align: center;
    border-radius: 0.08rem;
}

#alert.popup .error h2 {
    font-size: 0.4266666667rem;
    color: #333;
    height: 1.6rem;
    padding: 0 0.4rem;
}

#alert.popup .error a {
    display: inline-block;
    width: 49%;
    text-decoration: none;
    font-size: 0.4266666667rem;
    color: #4ab6fa;
}

.popup.comments .dialog {
    background: #fff;
    padding: 0.5333333333rem;
    width: 7.36rem;
    height: 6.8266666667rem;
    margin: -3.4133333333rem 0 0 -3.68rem;
}

.popup.comments .dialog h2 {
    font-size: 0.48rem;
    line-height: 1em;
    color: #333;
}

.popup.comments .dialog textarea {
    width: 6.2933333333rem;
    height: 2.4133333333rem;
    margin-top: 0.5333333333rem;
    border: none;
    background: #f2f2f2;
    padding: 0.1333333333rem;
    box-sizing: border-box;
}

.popup.comments .dialog textarea:focus {
    outline: none;
}

.popup.comments .dialog p {
    padding: 0;
    border-radius: inherit;
}

.popup.comments .dialog p:nth-child(3) {
    text-align: left;
    color: #666;
    line-height: 1em;
    padding-bottom: 0.6666666667rem;
}

.popup.comments .dialog p a {
    display: inline-block;
    width: 3.0533333333rem;
    height: 0.9466666667rem;
    background: #999;
    text-decoration: none;
    font-size: 0.4266666667rem;
    color: #fff;
    border-radius: 0.2rem;
}

.popup.comments .dialog p a:nth-child(2) {
    background: #4ab6fa;
}

.popup.pop-image .dialog {
    width: 6.5066666667rem;
    height: 7.5733333333rem;
    margin: -3.7866666667rem -3.2533333333rem;
    background-color: #dfdfdf;
    padding-top: 0.32rem;
}

.popup.pop-image .dialog img {
    width: 5.96rem;
    height: 6.9466666667rem;
}

.pay-result {
    width: 10rem;
}

.pay-result .head {
    height: 0.2666666667rem;
    background: #f2f2f2;
}

.pay-result p {
    padding: 0 0.4rem;
    line-height: 3.5em;
    font-size: 0.3466666667rem;
    color: #666;
}

.pay-result p i {
    font-size: 0.3466666667rem;
    font-style: normal;
    color: #ff8003;
}

.pay-result h1 {
    padding: 0 0.4rem;
    font-size: 0.4rem;
    color: #333;
    line-height: 1.7em;
}

.pay-result h1 span {
    color: #666;
}

.pay-result a.copy {
    float: right;
    font-size: 0.4rem;
    color: #4ab6fa;
    text-decoration: none;
}

.pay-result .content {
    color: #666;
    font-size: 0.3733333333rem;
    padding-bottom: 1.3333333333rem;
    margin-top: 0.64rem;
    border-top: 0.2933333333rem solid #f2f2f2;
    padding-top: 0.5333333333rem;
}

.pay-result .content p {
    line-height: 1.8em;
    margin: 0.2666666667rem 0;
}

.pay-result .content p:nth-child(4) {
    margin-top: 30px;
}

.pay-result .content p span {
    color: #333;
}

.pay-result .content h2 {
    padding: 0 0.4rem;
    font-size: 0.4rem;
    color: #333;
}

.pay-result .container {
    color: #666;
    font-size: 0.3733333333rem;
    padding-bottom: 1.3333333333rem;
    border-top: 0.2933333333rem solid #f2f2f2;
    padding-top: 0.4rem;
}

.pay-result .container p {
    line-height: 1.8em;
    margin: 0.2666666667rem 0;
}

.pay-result .container p:last-child {
    line-height: 3em;
    color: #999;
}

.pay-result .container p span {
    color: #333;
}

.pay-result .container p a {
    color: #4ab6fa;
    text-decoration: none;
}

.pay-result .container h2 {
    padding: 0 0.4rem;
    font-size: 0.4rem;
    color: #333;
}

.pay-result a.button {
    background: #fff;
    display: block;
    text-decoration: none;
    color: #4ab6fa;
    font-size: 0.4rem;
    text-align: center;
    height: 1.3333333333rem;
    width: 10rem;
    line-height: 1.3333333333rem;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e6e6e6;
}

.phone-verify {
    background: #f2f2f2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.phone-verify ul {
    margin-top: 0.2666666667rem;
}

.phone-verify ul li {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    background: #fff;
    padding: 0 0.4rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0.3466666667rem;
}

.phone-verify ul li.tel {
    font-size: 0.4266666667rem;
    color: #666;
}

.phone-verify ul li input {
    color: #999;
    border: none;
    height: 1.2rem;
    width: 100%;
}

.phone-verify ul li input.verify {
    width: 6.9333333333rem;
}

.phone-verify ul li a {
    display: inline-block;
    text-decoration: none;
    color: #4ab6fa;
}

.phone-verify ul li a.send {
    color: #fff;
    background: #4ab6fa;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 2.1333333333rem;
    text-align: center;
}

.phone-verify p {
    font-size: 0.3466666667rem;
    padding: 0.1333333333rem 0.4rem;
    color: #999;
}

.phone-verify p.error {
    color: #ff8003;
}

.phone-verify a.button {
    display: block;
    margin: 2.6666666667rem 0.4rem 0;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #4ab6fa;
    border-radius: 0.6666666667rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.48rem;
}

.phone-verify p.other {
    margin-left: 0.4rem;
    padding: 0.4rem 0 0 0;
}

.phone-verify p.other input {
    display: none;
}

.phone-verify p.other input[type='checkbox']:checked + label i {
    display: block;
}

.phone-verify p.other label {
    display: block;
    float: left;
    padding-left: 0.5333333333rem;
    position: relative;
}

.phone-verify p.other label:before {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #d9dbdb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    border-radius: 0.0666666667rem;
}

.phone-verify p.other label i {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    background: url(../img/safe-icon-yes.png) 0 0 no-repeat;
    background-size: 0.4rem 0.4rem;
    display: none;
}

.phone-verify p.other label a {
    text-decoration: none;
    color: #4ab6fa;
}

.result-wait {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f2f2f2;
}

.result-wait .content {
    position: absolute;
    top: 40%;
    margin-top: -1.6666666667rem;
    height: 3.3333333333rem;
    width: 10rem;
    text-align: center;
}

.result-wait .content img {
    display: block;
    width: 2.8933333333rem;
    height: 2.32rem;
    margin: 0 auto 0.4rem;
}

.result-wait .content p {
    font-size: 0.3466666667rem;
    color: #333;
}

.result-wait .content h1 {
    font-size: 0.4266666667rem;
    color: #333;
}

.result-wait .content a {
    display: block;
    width: 4.5333333333rem;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    font-size: 0.4266666667rem;
    background-color: #4ab6fa;
    border-radius: 0.1333333333rem;
    line-height: 1.2rem;
    margin-top: 0.8rem;
}

.result-wait .wait img {
    width: 7.0266666667rem;
    height: 2.9866666667rem;
    margin: 0 auto 1.2266666667rem;
}

.forget-password .tab {
    height: 0.9333333333rem;
    width: 9.2rem;
    margin: 0.5333333333rem auto;
    line-height: 0.9333333333rem;
    text-align: center;
    border-radius: 0.1333333333rem;
}

.forget-password .tab li {
    float: left;
    width: 3.0666666667rem;
    height: 0.9333333333rem;
    font-size: 0.4266666667rem;
    border: 0.0266666667rem solid #4ab6fa;
    border-right: none;
    color: #4ab6fa;
    background: #fff;
}

.forget-password .tab li:first-child {
    border-top-left-radius: 0.1066666667rem;
    border-bottom-left-radius: 0.1066666667rem;
}

.forget-password .tab li:last-child {
    border-top-right-radius: 0.1333333333rem;
    border-bottom-right-radius: 0.1333333333rem;
    border-right: 0.0266666667rem solid #4ab6fa;
}

.forget-password .tab li.action {
    color: #fff;
    background: #4ab6fa;
}

.forget-password .piece {
    padding: 0 0.4rem;
    background: #fff;
    margin-bottom: 0.2666666667rem;
}

.forget-password .piece button {
    padding: 0 0.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.4266666667rem;
    color: #fff;
    background: #4ab6fa;
    border: none;
    border-radius: 0.4rem;
}

.forget-password .piece button a {
    text-decoration: none;
    color: #fff;
    font-size: 0.4266666667rem;
}

.forget-password .piece .head {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    font-size: 0.4266666667rem;
    border-bottom: 1px solid #e6e6e6;
}

.forget-password .piece .head h2 {
    float: left;
    color: #333;
}

.forget-password .piece .head button {
    float: right;
    margin-top: 0.3333333333rem;
}

.forget-password .piece .head i {
    font-style: normal;
    color: #4ab6fa;
    display: inline-block;
    margin-left: 0.1333333333rem;
}

.forget-password .piece .content {
    padding: 0.4rem 0;
}

.forget-password .piece .content p {
    font-size: 0.3733333333rem;
    color: #666;
    line-height: 1.6em;
}

.forget-password .piece .content a {
    text-decoration: none;
    color: #4ab6fa;
}

.alipay-certification .tips {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: #999;
    padding-left: 0.4rem;
}

.alipay-certification ul > li {
    box-sizing: content-box;
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    font-size: 0.4266666667rem;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 0.4rem;
}

.alipay-certification ul > li label {
    display: block;
    float: left;
}

.alipay-certification ul > li input {
    float: right;
    width: 6.8rem;
    height: 1.4666666667rem;
    border: none;
    color: #333;
    padding: 0;
}

.alipay-certification ul > li .user {
    color: #ff8003;
}

.alipay-certification .code {
    padding-left: 0.4rem;
}

.alipay-certification .code input {
    float: left;
    width: 5.6rem;
}

.alipay-certification .code span {
    display: block;
    float: right;
    width: 3.0533333333rem;
    height: 1.24rem;
    margin-top: 0.1066666667rem;
}

.alipay-certification .code a {
    display: block;
    width: 2.0266666667rem;
    height: 0.7333333333rem;
    line-height: 0.7333333333rem;
    text-align: center;
    float: right;
    background: #4ab6fa;
    color: #fff;
    text-decoration: none;
    font-size: 0.3466666667rem;
    margin: 0.36rem 0.4666666667rem 0 0;
}

.alipay-certification .tel {
    color: #999;
}

.alipay-certification a.common-button {
    margin-top: 1.3333333333rem;
}

.alipay-certification .result img {
    display: block;
    width: 3.4266666667rem;
    height: 3.0933333333rem;
    margin: 3.16rem auto 1.2rem;
}

.alipay-certification .result p {
    text-align: center;
    font-size: 0.4266666667rem;
    color: #333;
    line-height: 1.6em;
}

.alipay-certification .result p a {
    text-decoration: none;
    color: #4ab6fa;
    font-size: 0.4266666667rem;
}

.bank-card {
    padding-top: 0.4rem;
}

.bank-card ul li {
    background: #fff;
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    padding: 0 0.4rem;
    font-size: 0.4rem;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
}

.bank-card ul li label {
    display: block;
    float: left;
    font-weight: bold;
}

.bank-card ul li span {
    padding-left: 0.4rem;
    float: left;
    display: block;
    line-height: 1.4666666667rem;
}

.bank-card ul li:last-child {
    border-bottom: none;
}

.bank-card p {
    padding: 0.2666666667rem 0.4rem 0;
    font-size: 0.3466666667rem;
    color: #999;
    line-height: 1.6em;
}

.bank-card .common-button {
    border-radius: 0.2rem;
    margin-top: 1.3333333333rem;
}

.extension .tips {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #999;
}

.extension ul li select {
    background: none;
    border: none;
    font-size: 0.5333333333rem;
    vertical-align: sub;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0;
}

.extension ul li i {
    font-size: 0.5333333333rem;
}

.extension p {
    font-size: 0.3733333333rem;
    color: #999;
    padding: 0.2933333333rem 0.4rem 0.4rem;
}

.extension p i {
    font-size: 0.4266666667rem;
    font-style: normal;
    color: #ff8003;
}

.extension p a {
    display: block;
    float: right;
    text-decoration: none;
    color: #4ab6fa;
}

.extension a.common-button {
    margin-top: 0.8666666667rem;
}

.extension .reulst img {
    display: block;
    width: 3.4266666667rem;
    height: 3.0933333333rem;
    margin: 2.6666666667rem auto 0;
}

.extension .reulst p {
    padding: 0.8rem;
    font-size: 0.3466666667rem;
    color: #333;
}

.extension .error img {
    width: 4.4133333333rem;
    height: 2.64rem;
}

.extension .info {
    padding: 0.4rem;
}

.extension .info p {
    padding: 0;
    font-size: 0.4266666667rem;
    line-height: 1.5em;
}

.tied-card {
    font-size: 0.4rem;
}

.tied-card p.tips {
    height: 1.2rem;
    line-height: 1.2rem;
    padding-left: 0.4rem;
}

.tied-card ul {
    padding: 0 0.4rem;
}

.tied-card ul li {
    padding: 0;
    box-sizing: content-box;
}

.tied-card ul li label {
    width: 2.1333333333rem;
    padding-right: 0;
    font-weight: bold;
}

.tied-card ul li span {
    color: #333;
    font-size: 0.4rem;
}

.tied-card ul li select {
    background: none;
    border: none;
    vertical-align: baseline;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0;
    width: 6.9333333333rem;
}

.tied-card ul li input {
    width: 7.0666666667rem;
    border: none;
    padding: 0;
    height: 1.4666666667rem;
    vertical-align: baseline;
}

.tied-card ul li:last-child {
    border-bottom: none;
}

.tied-card ul li.code input {
    width: 4.8666666667rem;
}

.tied-card ul li.code a {
    color: #4ab6fa;
    text-decoration: none;
    font-size: 0.4rem;
    text-align: right;
    border-left: 1px solid #e6e6e6;
    height: 0.9333333333rem;
    display: inline-block;
    line-height: 0.9333333333rem;
    padding-left: 0.4rem;
}

.tied-card p.error, .tied-card p.info {
    color: #ff8003;
    font-size: 0.3466666667rem;
    margin: 0.2666666667rem 0.4rem;
}

.tied-card .common-button {
    margin-top: 1.1333333333rem;
    border-radius: 0.6666666667rem;
}

.tied-card p.other {
    margin-left: 0.4rem;
    padding: 0.4rem 0 0 0;
    font-size: 0.3466666667rem;
}

.tied-card p.other input {
    display: none;
}

.tied-card p.other input[type='checkbox']:checked + label i {
    display: block;
}

.tied-card p.other label {
    display: block;
    float: left;
    padding-left: 0.5333333333rem;
    position: relative;
}

.tied-card p.other label:before {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #d9dbdb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    border-radius: 0.0666666667rem;
}

.tied-card p.other label i {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    background: url(../img/safe-icon-yes.png) 0 0 no-repeat;
    background-size: 0.4rem 0.4rem;
    display: none;
}

.tied-card p.other label a {
    text-decoration: none;
    color: #4ab6fa;
}

.more .head p {
    padding-left: 0.4rem;
    font-size: 0.3466666667rem;
    height: 0.8rem;
    color: #999;
    line-height: 0.8rem;
}

.more .head {
    background-color: #f2f2f2;
}

.more li {
    border-bottom: 1px solid #e6e6e6;
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
}

.more li label {
    padding-left: 0.4rem;
    font-size: 0.4266666667rem;
    color: #333333;
    position: absolute;
}

.more li input {
    margin-left: 2.4666666667rem;
    height: 1.44rem;
    font-size: 0.4266666667rem;
    width: 6.1333333333rem;
    border: none;
    display: block;
}

.more .footer a {
    display: block;
    border: 1px solid #4ab6fa;
    border-radius: 0.6666666667rem;
    background-color: #4ab6fa;
    color: white;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    text-decoration: none;
    font-size: 0.48rem;
    margin: 0.8666666667rem 0.4rem 0;
}

.pop-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, 0.4);
}

.pop-box .pop-con {
    box-sizing: border-box;
    position: relative;
    padding: 0.4rem;
    width: 84%;
    background-color: #fff;
    border-radius: 0.2rem;
    text-align: center;
}

.pop-box .pop-con p {
    padding: 1rem 0;
    font-size: 0.4rem;
}

.pop-box button {
    display: block;
    width: 100%;
    height: 1.04rem;
    background: #4ab6fa;
    color: #fff;
    border: none;
    border-radius: 0.12rem;
    font-size: 0.4rem;
}

.message-center {
    line-height: 2em;
}

.message-center h5 {
    height: 0.32rem;
    width: 10rem;
}

.message-center h2 {
    height: 2.2rem;
    width: 10rem;
}

.message-center h1 {
    padding: 0.4rem 0.4rem 0 0.4rem;
    font-size: 0.4266666667rem;
    background: #fff;
    color: #333;
}

.message-center h6 {
    background: #fff;
    font-size: 0.2933333333rem;
    padding: 0 0 0.16rem 0.4rem;
    margin-top: -0.08rem;
    font-family: Arial;
    color: #999;
}

.message-center .activity-a {
    text-decoration: none;
}

.message-center p {
    padding: 0 0.4rem 0.48rem 0.4rem;
    font-size: 0.3733333333rem;
    line-height: 1.6em;
    background: #fff;
    color: #666;
}

.message-center .content {
    background: #fff;
    padding-bottom: 0.48rem;
}

.message-center a {
    display: block;
    font-size: 0.4266666667rem;
    color: #333;
}

.message-center a span {
    padding: 0.28rem 0.4rem;
    float: left;
}

.message-center img {
    display: block;
    width: 9.2rem;
    height: 3.4666666667rem;
    padding: 0.0666666667rem 0;
    margin: 0 auto;
}

.wx-login {
    padding: 0 0.4rem;
}

.wx-login img {
    display: block;
    width: 2.6666666667rem;
    height: 2.6666666667rem;
    margin: 1.3333333333rem auto;
}

.wx-login input {
    border: 1px solid #4ab6fa;
    border-radius: 0.1333333333rem;
    width: 100%;
    font-size: 0.4533333333rem;
    height: 0.96rem;
    margin-bottom: 0.5333333333rem;
    padding-left: 1.1466666667rem;
    background: url(../img/wx-phone.png) 0.4333333333rem 50% no-repeat;
    background-size: 0.28rem 0.5333333333rem;
}

.wx-login button {
    color: #fff;
    border: 0px;
    border-radius: 0.1333333333rem;
    font-size: 0.4rem;
    background: #4ab6fa;
    width: 100%;
    line-height: 0.96rem;
}

.wx-login .disabled {
    background: #999;
}

.wx-password img {
    width: 2.1333333333rem;
    height: 2.1333333333rem;
    margin-bottom: 0;
}

.wx-password h4 {
    font-size: 0.4rem;
    text-align: center;
    margin: 0.4533333333rem 0 0.5333333333rem 0;
}

.wx-password input {
    background: url(../img/wx-icon02.png) 0.4333333333rem 50% no-repeat;
}

.wx-result {
    background: #fff;
}

.wx-result .content img {
    width: 4.5066666667rem;
    height: 3.0933333333rem;
}

.wx-result a {
    text-decoration: none;
    color: #4ab6fa;
}

.repayment-description {
    width: 10rem;
    background: #f2f2f2;
}

.repayment-description h3 {
    color: #999;
    line-height: 1.1333333333rem;
    padding-left: 0.4rem;
    font-size: 0.4rem;
    height: 1.1333333333rem;
}

.repayment-description ul {
    background: #fff;
}

.repayment-description ul li {
    position: relative;
    font-size: 0.4rem;
    line-height: 1.3866666667rem;
    color: #font-color-3;
    margin-left: 0.4rem;
    border-bottom: 1px solid #f2f2f2;
}

.repayment-description ul li p {
    display: none;
    font-size: 0.3458666667rem;
    color: #999;
    line-height: 0.5853333333rem;
    padding: 0.3066666667rem 0.4rem 0.36rem 0.3333333333rem;
    margin-top: -0.08rem;
    border-top: 1px solid #f2f2f2;
}

.repayment-description ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 0.2933333333rem;
    width: 0.28rem;
    top: 0.4666666667rem;
    right: 0.4666666667rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

.repayment-description ul li.active p {
    display: block;
}

.repayment-description ul li.active:before {
    top: 0.6rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.alipay-process {
    background: #fff url(../img/alipay-process.jpg) 0 0.5333333333rem no-repeat;
    background-size: 10rem 32.8666666667rem;
    width: 10rem;
    height: 34.4rem;
}

.safe-login {
    width: 10rem;
    background-color: #f2f2f2;
}

.safe-login h3 {
    font-size: 0.4266666667rem;
    color: #333;
}

.safe-login .header {
    display: table-cell;
    position: relative;
    background: #fff url(../img/safe-icon-01.png) 0.4rem center no-repeat;
    background-size: 1.2rem 1.2rem;
    height: 2.6666666667rem;
    width: 10rem;
    padding-left: 2.0666666667rem;
    vertical-align: middle;
}

.safe-login .header h3 {
    margin-top: -0.2rem;
    font-weight: bold;
}

.safe-login .header h4 {
    font-size: 0.3466666667rem;
    color: #999;
}

.safe-login .header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0.8rem;
    bottom: -0.1333333333rem;
    background-color: #f2f2f2;
    width: 0.3013333333rem;
    height: 0.3013333333rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.safe-login .h3 {
    line-height: 1.4666666667rem;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0.4rem;
}

.safe-login form label {
    font-size: 0.3466666667rem;
    color: #999;
}

.safe-login form .get-message {
    margin: 0.5333333333rem 0 0.9333333333rem 0.4rem;
}

.safe-login form .get-message label {
    background: transparent url(../img/safe-icon-02.jpg) 0 center no-repeat;
    background-size: 0.32rem 0.32rem;
    padding-left: 0.5333333333rem;
    line-height: 0.5333333333rem;
    display: block;
}

.safe-login form p.other {
    margin-left: 0.4rem;
    padding-bottom: 0.2666666667rem;
}

.safe-login form p.other input {
    display: none;
}

.safe-login form p.other input[type='checkbox']:checked + label i {
    display: block;
}

.safe-login form p.other label {
    display: block;
    float: left;
    padding-left: 0.5333333333rem;
    position: relative;
}

.safe-login form p.other label:before {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #d9dbdb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    border-radius: 0.0666666667rem;
}

.safe-login form p.other label i {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    background: url(../img/safe-icon-yes.png) 0 0 no-repeat;
    background-size: 0.4rem 0.4rem;
    display: none;
}

.safe-login form a.button {
    display: block;
    color: #fff;
    width: 9.2rem;
    height: 1rem;
    margin: 0.2666666667rem auto;
    font-size: 0.48rem;
    background: #4ab6fa;
    border: none;
    border-radius: 0.3733333333rem 0.3733333333rem;
    text-align: center;
    line-height: 1rem;
}

.safe-login form a.disabled {
    display: block;
    color: #fff;
    width: 9.2rem;
    height: 1rem;
    margin: 0.2666666667rem auto;
    font-size: 0.48rem;
    background-color: #d9d9d9;
    border: none;
    border-radius: 0.3733333333rem 0.3733333333rem;
    text-align: center;
    line-height: 1rem;
}

.safe-login form a {
    color: #4ab6fa;
    text-decoration: none;
    font-size: 0.32rem;
}

.reg-agreement {
    background: #fff;
}

.reg-agreement .reg-wrap {
    line-height: 2em;
    font-size: 0.32rem;
    padding: 0.8rem 0.4rem;
}

.reg-agreement h1 {
    font-size: 0.64rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: 0.32rem;
}

.reg-agreement h2 {
    font-weight: bold;
    font-size: 0.48rem;
    padding: 0.32rem 0;
}

.reg-agreement h3 {
    font-weight: bold;
}

.reg-agreement p {
    text-indent: 2em;
}

.reg-agreement p.bold {
    font-weight: bold;
}

.reg-agreement p.normal {
    text-indent: 0em;
    margin-bottom: 0.4rem;
}

.reg-agreement p.enclosure {
    margin-top: 0.4rem;
}

.reg-agreement table {
    border-left: 1px solid black;
    border-top: 1px solid black;
    text-align: center;
    width: 100%;
}

.reg-agreement table th, .reg-agreement table td {
    font-weight: normal;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 0.0266666667rem;
}

.safe-login-phone {
    width: 10rem;
}

.safe-login-phone form {
    margin-top: 0.3333333333rem;
    background-color: #fff;
}

.safe-login-phone form h3 {
    color: #333;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.3333333333rem;
    padding-left: 0.4rem;
    font-size: 0.4266666667rem;
}

.safe-login-phone form input {
    line-height: 1.3333333333rem;
    padding-left: 0.4rem;
    border: none;
    font-size: 0.4266666667rem;
}

.safe-login-phone form button {
    padding: 0.2rem 0.2666666667rem;
    border-radius: 0.08rem;
    border: none;
    background-color: #4ab6fa;
    float: right;
    margin: 0.2333333333rem 0.4rem 0 0;
    color: #fff;
    font-size: 0.4rem;
}

.safe-login-phone h4 {
    color: #999;
    font-size: 0.3466666667rem;
    line-height: 1.0133333333rem;
    padding-left: 0.4rem;
}

.safe-login-phone button.confirm {
    width: 9.2rem;
    height: 1.2rem;
    margin-left: 0.4rem;
    border: none;
    background-color: #4ab6fa;
    color: #fff;
    font-size: 0.48rem;
    border-radius: 0.6rem;
    margin-top: 1.9333333333rem;
}

.safe-login-phone button.disabled {
    width: 9.2rem;
    height: 1.2rem;
    margin-left: 0.4rem;
    border: none;
    background-color: #d9d9d9;
    color: #fff;
    font-size: 0.48rem;
    border-radius: 0.6rem;
    margin-top: 1.9333333333rem;
}

.safe-login-phone p {
    width: 3.7333333333rem;
    height: 1.04rem;
    margin: 0 auto;
    background: transparent url(../img/safe-icon-03.png) 0 0 no-repeat;
    background-size: contain;
    margin-top: 6.4rem;
}

div.invite {
    width: 10rem;
}

div.invite div.head {
    height: 5.8rem;
    background: #fff url(../img/invite-bg.jpg) 0 0 no-repeat;
    background-size: 10rem 5.0933333333rem;
    color: #fff;
    font-size: 0.3733333333rem;
    text-align: center;
    padding-top: 0.8rem;
}

div.invite div.head i {
    font-style: normal;
    color: #faff00;
    font-size: 0.3733333333rem;
}

div.invite div.head h1 {
    font-size: 0.96rem;
    color: #faff00;
    padding: 0.2rem 0;
}

div.invite div.head a {
    text-decoration: none;
    color: #fff;
    display: block;
    margin-top: 0.4266666667rem;
}

div.invite div.content {
    margin-top: 0.4rem;
    background: #fff;
    padding-left: 0.4rem;
}

div.invite div.content ul li {
    height: 1.3333333333rem;
    line-height: 1.3333333333rem;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0.4rem;
    color: #666;
    background: url(../img/icon_07.png) 0 50% no-repeat;
    background-size: 0.5866666667rem 0.56rem;
    padding-left: 0.8rem;
    padding-right: 0.4rem;
    text-align: right;
}

div.invite div.content ul li:nth-child(2) {
    background-image: url(../img/icon_08.png);
}

div.invite div.content ul li:last-child {
    border-bottom: none;
}

div.invite div.content ul li span {
    display: inline-block;
    float: left;
}

div.invite div.content ul li a {
    display: inline-block;
    text-decoration: none;
    color: #4ab6fa;
    border: 1px solid #4ab6fa;
    line-height: 1em;
    padding: 0.1333333333rem;
}

div.bonus {
    width: 10rem;
}

div.bonus div.top {
    height: 0.8533333333rem;
    line-height: 0.8533333333rem;
    background: #fffeba;
    padding: 0 0.4rem;
    color: #4ab6fa;
    position: relative;
}

div.bonus div.top p {
    position: absolute;
    left: 0.4rem;
    top: 0;
}

div.bonus div.top i {
    font-style: normal;
    color: #e82100;
}

div.bonus div.top div {
    color: #e82100;
}

div.bonus div.top div span {
    display: inline-block;
    background: url(../img/icon_09.png) 0 50% no-repeat;
    background-size: 0.5333333333rem 0.5333333333rem;
    padding-left: 0.8rem;
}

div.bonus div.top div a {
    float: right;
    text-decoration: none;
    color: #4ab6fa;
}

div.bonus div.tab {
    text-align: center;
    margin-top: 0.4rem;
}

div.bonus div.tab a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #4ab6fa;
    font-size: 0.3733333333rem;
    padding: 0.2666666667rem 0.5333333333rem;
    color: #4ab6fa;
}

div.bonus div.tab a:first-child {
    border-right: none;
    border-top-left-radius: 0.1333333333rem;
    border-bottom-left-radius: 0.1333333333rem;
}

div.bonus div.tab a:last-child {
    border-left: none;
    border-top-right-radius: 0.1333333333rem;
    border-bottom-right-radius: 0.1333333333rem;
}

div.bonus div.tab a.current {
    background: #4ab6fa;
    color: #fff;
}

div.bonus div.current-bonus div.head {
    text-align: center;
    padding-top: 0.5333333333rem;
    border-bottom: 0.32rem solid #f2f2f2;
}

div.bonus div.current-bonus div.head h1 {
    font-size: 0.96rem;
    color: #4ab6fa;
    line-height: 1.6em;
}

div.bonus div.current-bonus div.head h1 span {
    font-size: 0.4266666667rem;
}

div.bonus div.current-bonus div.head h1 + p {
    color: #666;
}

div.bonus div.current-bonus div.head a {
    display: block;
    text-decoration: none;
    width: 8.4rem;
    height: 0.9733333333rem;
    line-height: 0.9733333333rem;
    border-radius: 0.4rem;
    background: #4ab6fa;
    font-size: 0.48rem;
    color: #fff;
    margin: 0.4rem auto 0.5333333333rem;
}

div.bonus div.current-bonus div.head a.disabled {
    background: #c8c8c8;
}

div.bonus div.current-bonus div.list {
    border-bottom: 0.32rem solid #f2f2f2;
}

div.bonus div.current-bonus div.list div.empty {
    height: 3.12rem;
    background: url(../img/icon_10.png) 50% 35% no-repeat;
    background-size: 1.0133333333rem 1.0666666667rem;
}

div.bonus div.current-bonus div.list div.empty h3 {
    text-align: center;
    font-size: 0.3733333333rem;
    color: #999;
    padding-top: 2.1333333333rem;
}

div.bonus div.current-bonus div.list h1 {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    padding: 0 0.4rem;
    font-size: 0.4266666667rem;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
}

div.bonus div.current-bonus div.list ul {
    padding-left: 0.4rem;
}

div.bonus div.current-bonus div.list ul li {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    border-bottom: 1px solid #e6e6e6;
}

div.bonus div.current-bonus div.list ul li span {
    display: inline-block;
    width: 3.0666666667rem;
    line-height: 1.4em;
    font-size: 0.32rem;
    color: #666;
    padding-top: 0.2666666667rem;
    padding-left: 0.5333333333rem;
}

div.bonus div.current-bonus div.list ul li span i, div.bonus div.current-bonus div.list ul li span em {
    font-style: normal;
    font-size: 0.3733333333rem;
}

div.bonus div.current-bonus div.list ul li span i {
    color: #333;
}

div.bonus div.current-bonus div.list ul li span em {
    color: #2ebd59;
}

div.bonus div.current-bonus div.list ul li span b {
    font-size: 0.3733333333rem;
    color: #4ab6fa;
}

div.bonus div.current-bonus div.list ul li span:last-child {
    color: #e90000;
    font-size: 0.3733333333rem;
    text-align: right;
    padding: 0;
    vertical-align: 0.2rem;
    padding-right: 0.5333333333rem;
}

div.bonus div.current-bonus div.list a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #4ab6fa;
    font-size: 0.4rem;
    line-height: 3em;
}

div.bonus div.current-bonus div.info h1 {
    height: 1.4666666667rem;
    line-height: 1.4666666667rem;
    padding: 0 0.4rem;
    font-size: 0.4266666667rem;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
}

div.bonus div.current-bonus div.info ul {
    padding: 0.4rem 0.4rem 1.3333333333rem;
    line-height: 1.8em;
}

div.bonus div.current-bonus div.info ul a {
    text-decoration: none;
}

div.bonus div.history div.empty {
    height: 4.6666666667rem;
    background: url(../img/icon_12.png) 50% 50% no-repeat;
    background-size: 2.5733333333rem 2.9733333333rem;
}

div.bonus div.history div.empty h3 {
    text-align: center;
    padding-top: 4rem;
    color: #999;
}

div.bonus div.history div.list-head {
    margin-top: 0.5333333333rem;
    font-size: 0.3733333333rem;
    color: #666;
    height: 1.3333333333rem;
    line-height: 1.3333333333rem;
    padding: 0 0.4rem 0 0.8rem;
    background: #f2f2f2;
}

div.bonus div.history div.list-head span {
    float: right;
    padding-right: 0.4rem;
    text-align: right;
    display: inline-block;
}

div.bonus div.history ul {
    padding-left: 0.4rem;
}

div.bonus div.history ul li {
    height: 1.7333333333rem;
    line-height: 1.7333333333rem;
    padding: 0 0.4rem;
    border-bottom: 1px solid #e6e6e6;
}

div.bonus div.history ul li span {
    display: inline-block;
    line-height: 1em;
    width: 4.4rem;
    font-size: 0.32rem;
    color: #666;
    padding-top: 0.4666666667rem;
}

div.bonus div.history ul li span:first-child {
    font-size: 0.48rem;
    vertical-align: top;
}

div.bonus div.history ul li span:last-child {
    text-align: right;
    padding-right: 0.4rem;
    line-height: 1.4em;
}

div.bonus div.history ul li span i {
    font-style: normal;
    color: #2ebd59;
}

.popup-bonus-success .dialog {
    width: 8.2666666667rem;
    height: 7.3333333333rem;
    border-radius: 0.4rem;
    margin-top: -3.6666666667rem;
    margin-left: -4.1333333333rem;
    background: #fff url(../img/icon_11_01.png) 50% 26% no-repeat;
    background-size: 2.0933333333rem 2.0666666667rem;
}

.popup-bonus-success .dialog span.close {
    top: 0.2666666667rem;
}

.popup-bonus-success .dialog span.close:before, .popup-bonus-success .dialog span.close:after {
    background: #4ab6fa;
}

.popup-bonus-success .dialog .content {
    padding-top: 3.6rem;
    line-height: 1.8em;
    font-size: 0.4rem;
    color: #333;
}

.popup-bonus-success .dialog .content span {
    font-size: 0.3733333333rem;
    color: #666;
}

.popup-bonus-card .dialog {
    height: 8.5333333333rem;
    margin-top: -4.2666666667rem;
    background-image: url(../img/icon_11_02.png);
    background-size: 2.0666666667rem 2.0666666667rem;
}

.popup-bonus-card .dialog .content a {
    display: block;
    width: 7.6266666667rem;
    height: 1.0933333333rem;
    line-height: 1.0933333333rem;
    text-align: center;
    background: #4ab6fa;
    color: #fff;
    margin: 0.6666666667rem auto 0;
    border-radius: 0.1333333333rem;
}

.popup-bonus-login .dialog .content p {
    line-height: 3em;
}

.toast {
    position: absolute;
    bottom: 10%;
    color: #fff;
    background: rgba(51, 51, 51, 0.7);
    font-size: 0.4rem;
    width: 4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 0.5333333333rem;
    text-align: center;
    left: 50%;
    margin-left: -2rem;
    letter-spacing: 0.0266666667rem;
    animation: disappear 1s linear 1s forwards;
    -webkit-animation: disappear 1s linear 1s forwards;
}

.add-quota-body {
    width: 10rem;
    background-color: #fff;
    padding-top: 0.0133333333rem;
}

.add-quota-body .authentication-information, .add-quota-body .repayment, .add-quota-body .frequency {
    margin: 0 0.4rem;
}

.add-quota-body .authentication-information, .add-quota-body .repayment {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0.6666666667rem;
}

.add-quota-body .frequency p.p2 {
    padding: 0.4rem 0 4rem 0;
}

.add-quota-body h5 {
    width: 10rem;
    height: 0.2666666667rem;
    background-color: #f2f2f2;
}

.add-quota-body h2 {
    color: #333;
    font-size: 0.4266666667rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.9333333333rem;
    padding-top: 0.4rem;
}

.add-quota-body img {
    display: block;
    width: 5.3333333333rem;
    height: 4rem;
    margin: 0.5333333333rem auto 0;
}

.add-quota-body h3 {
    color: #4ab6fa;
    text-align: center;
    font-size: 0.4266666667rem;
    line-height: 1.2rem;
    font-weight: bold;
    margin-top: -0.2666666667rem;
}

.add-quota-body p.p1 {
    color: #666;
    font-size: 0.3466666667rem;
    line-height: 0.48rem;
}

.add-quota-body p.p1 span {
    color: #4ab6fa;
}

.add-quota-body p.p2 {
    color: #4ab6fa;
    font-size: 0.3466666667rem;
    line-height: 0.48rem;
}

.add-quota-body ul {
    margin: 0.1333333333rem 0;
    padding-left: 0.4rem;
}

.add-quota-body ul li {
    list-style-type: disc;
    list-style-position: outside;
    font-size: 0.3466666667rem;
    line-height: 0.48rem;
    color: #333;
}

.add-quota-body ul li span {
    color: #4ab6fa;
}

.help-center {
    background: #f2f2f2;
    padding: 1px 0;
    width: 10rem;
}

.help-center > div {
    background: #fff;
    margin-top: 0.3333333333rem;
    font-size: 0rem;
}

.help-center h3 {
    display: inline-block;
    width: 2.4666666667rem;
    height: 4.2133333333rem;
    padding-top: 2.3333333333rem;
    font-size: 0.4rem;
    color: #4ab6fa;
    border-right: 1px solid #e6e6e6;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.help-center h3::after {
    content: "";
    display: inline-block;
    width: 0.24rem;
    height: 0.2333333333rem;
    border-top: 1px solid #4ab6fa;
    border-right: 1px solid #4ab6fa;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: border-box;
}

.help-center .auth h3 {
    background: transparent url(../img/helpCenter-icon-01.jpg) 50% 35% no-repeat;
    background-size: 1.3333333333rem 1.3333333333rem;
}

.help-center .loan h3 {
    background: transparent url(../img/helpCenter-icon-02.jpg) 50% 35% no-repeat;
    background-size: 1.3333333333rem 1.3333333333rem;
}

.help-center .repayment h3 {
    background: transparent url(../img/helpCenter-icon-03.jpg) 50% 35% no-repeat;
    background-size: 1.3333333333rem 1.3333333333rem;
}

.help-center .cost h3 {
    background: transparent url(../img/helpCenter-icon-04.jpg) 50% 35% no-repeat;
    background-size: 1.3333333333rem 1.3333333333rem;
}

.help-center .other {
    margin-bottom: 0.6rem;
}

.help-center .other h3 {
    background: transparent url(../img/helpCenter-icon-05.jpg) 50% 35% no-repeat;
    background-size: 1.3333333333rem 1.3333333333rem;
}

.help-center ul {
    display: inline-block;
    width: 7.5333333333rem;
}

.help-center ul li {
    font-size: 0.4rem;
    color: #333;
    line-height: 1.4rem;
    padding-left: 0.4rem;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.help-center ul li:last-child {
    border-bottom: none;
}

.help-center li:hover, .help-center li:active {
    background-color: #DDD;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.help-description {
    width: 10rem;
}

.help-description ul {
    margin-top: 0.3333333333rem;
    background-color: #fff;
}

.help-description ul li {
    position: relative;
    font-size: 0.4rem;
    line-height: 1.3866666667rem;
    color: #font-color-3;
    margin-left: 0.4rem;
    border-bottom: 1px solid #f2f2f2;
}

.help-description ul li span {
    display: block;
    margin-right: 1.0666666667rem;
    line-height: 0.8rem;
}

.help-description ul li p {
    display: none;
    font-size: 0.3458666667rem;
    color: #666;
    line-height: 0.5853333333rem;
    padding: 0.3066666667rem 0.4rem 0.36rem 0.3333333333rem;
    margin-top: -0.08rem;
    border-top: 1px solid #f2f2f2;
}

.help-description ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 0.2933333333rem;
    width: 0.28rem;
    top: 0.4666666667rem;
    right: 0.4666666667rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

.help-description ul li.active p {
    display: block;
}

.help-description ul li.active:before {
    top: 0.6rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.use-instruction {
    background-color: #fff;
    margin-top: 0.5333333333rem;
    margin-bottom: 1.6666666667rem;
    color: #333;
}

.use-instruction h3 {
    font-size: 0.4266666667rem;
    line-height: 1.3333333333rem;
    padding: 0 0.4rem;
}

.use-instruction p {
    font-size: 0.3733333333rem;
    line-height: 0.56rem;
    margin-top: -0.0933333333rem;
    padding: 0 0.4rem 0.44rem;
    border-bottom: 1px solid #e6e6e6;
}

.use-instruction p:last-child {
    border: none;
}
